
<div id="hd">
 
    <div id="photo">
        <div id="imageMenu">
            <ul>
                <li class="landscapes">
                    <a href="#">Landscapes</a>
                </li>
                <li class="people">
                    <a href="#">People</a>
                </li>
                <li class="nature">
                    <a href="#">人物</a>
                </li>
                <li class="urban">
                    <a href="#">Urban</a>
                </li>
                <li class="abstract">
                    <a href="#">Abstract</a>
                </li>
		<li class="baogg-jpg">
                    <a href="#">Abstract</a>
                </li>
		<li class="baogg-png">
                    <a href="#">Abstract</a>
                </li>
		<li class="baogg-office">
                    <a href="#">Abstract</a>
                </li>
            </ul>
        </div>
    </div>
  
    <div id="nav">
        <a href="index.html">Index1</a>
        <a href="index.html">Index2</a>
        <a href="index.html">Index3</a>
        <a href="index.html" class="active">Index4</a>
        <a href="index.html">Index5</a>
        <a href="index.html">Index6</a>
        <a href="index.html">Index7</a>
    </div>
</div>
  <script type="text/javascript">
	
            $(function(){
	      $("#imageMenu a").width(300);
	  //last picture needn't animal
          $("#imageMenu a:not(:last)").animate({
                width: "49px"
            }, {
                queue: false,
                duration: 3000
            });
                $("#imageMenu a:not(:last)").hover(function(){
                    $(this).animate({
                        width: "300px"
                    }, {
                        queue: false,
                        duration: 300
                    });
                }, function(){
                    $(this).animate({
                        width: "49px"
                    }, {
                        queue: false,
                        duration: 300
                    });
                });
            });
        </script>